<template>
    <ContentBox title="牛蒡电商关键指标数据">
        <div class="banner">
            <div>
                <BannerItem value="123" value-color="#E84649" unit="万元" desc="省内年销售额"></BannerItem>
            </div>
            <div>
                <BannerItem value="123" value-color="#00C5C5" unit="万元" desc="国内年销售额"></BannerItem>
            </div>
            <div>
                <BannerItem value="2809" value-color="#FEA55C" unit="万元" desc="境外年销售额"></BannerItem>
            </div>
            <div>
                <BannerItem value="2979" value-color="#7379E7" unit="万元" desc="本月销售额"></BannerItem>
            </div>
        </div>

    </ContentBox>
</template>
<script>
    import ContentBox from "../../components/common/ContentBoxSmall"
    import BannerItem from "../../components/common/BannerItem"

    export default {
        name: "Preview",
        components: {
            ContentBox,
            BannerItem

        }
    }
</script>

<style lang="scss" scoped>
    .banner{
        height: 100%;
        width: 100%;
        display: flex;
        >div{
            flex:1;
            margin:20px;
        }
    }

</style>
